<template>
  <div>
    <h1>父组件的username:{{ username }}--count:{{ count }}</h1>
    <!-- 
      <count :username="username" @update:username="username = $event">
     -->
    <Count v-model:username="username" v-model:count="count" />
    <hr />
    <Movie />
  </div>
</template>

<script lang="ts">
  import { defineComponent } from "vue";
  export default defineComponent({
    name: "App",
  });
</script>
<script lang="ts" setup>
  import { ref } from "vue";
  import Count from "@/components/Count/index.vue";
  import Movie from "@/components/Movie/index.vue";
  const username = ref("xiaowang");
  const count = ref(0);
</script>

<style lang="scss"></style>
